@charset "utf-8";

/**
 * 会员中心公共样式
 */

/*补丁*/
a:hover { text-decoration:none;}
.section{border-top:0;}
.section_in{background:url(../images/member_bg.png) repeat-y; padding-top:20px; border-top:8px #f8f8f8 solid; position:relative; zoom:1;}
.section .M_sidebar{ float:left; width:230px; background:none;}
.section .M_wrap{ float:right; width:760px; background:none;}
.section .topright_line{position:absolute; right:0; top:0; background:#e1e1e1; height:1px; width:780px; font-size:0; line-height:0; overflow:hidden;}
.section .titles-s3{margin:30px 0 25px;}
.section .titles-s3 .S-line1 legend .fr{padding:0 20px; margin-right:10px; color:#999;}
.section .titles-s3 .S-line1 legend .fr:hover{color:#EE398A;}
.section .blank{display:inline-block; width:.5em;}
.section .blank4{display:inline-block; width:2em;}

.member_wrap1{width:750px; padding-left:10px;}
.member_wrap2{width:740px; padding-left:20px;}
.member_wrap3{width:720px; padding-left:40px;}


/*left_nav*/
.left_nav .nav_title{height:27px; position:relative; zoom:1; padding:4px 0 4px 22px; background:#EE398A; line-height:27px;}
.left_nav .nav_title h2{font-size:14px; color:#fff; line-height:27px; font-weight:700;}
.left_nav .nav_title h2 a,.left_nav .nav_title h2 a:hover{ color:#FFF; text-decoration:none;}
.left_nav .nav_title .Tri-top-left{margin:0; position:absolute; bottom:-10px; right:-10px; border-width:0 10px 10px 10px; border-color: transparent transparent transparent #8A012B;}

.left_nav .nav_line{width:190px; margin-left:15px; height:0; font-size:0; line-height:0; overflow:hidden; border:none; border-bottom:1px #999 dashed;}

.left_nav .nav_list{padding:11px 0 8px; width:220px;}
.left_nav .nav_list li{padding-bottom:4px;}
.left_nav .nav_list li.on{ overflow:hidden; height:25px; padding-top:1px; background:#EDEDED;  padding-bottom:0; line-height:20px; }
.left_nav .nav_list li.on a{ color:#EF388B;}
.left_nav .nav_list li.on strong{}
.left_nav .list_title{ padding-left:22px;  line-height:30px;}
.left_nav .list_title strong{font-size:14px; color:#333;}
.left_nav .list_title strong a{ color:#333;}
.left_nav .list_title strong a:hover{ color:#EF388B; text-decoration:none;}
.left_nav .list_title a{margin-left:10px; color:#EF388B;}
.left_nav .list_wrap{ height:26px; line-height:26px;}
.left_nav .list_wrap a{display:block; padding-left:55px; color:#666; font-size:15px;}
.left_nav .list_wrap a:hover{text-decoration:none; color:#EF388B;}
.left_nav .list_wrap .txt_arrow{margin:0 9px 0 6px; color:#bbb; font-family:Arial, sans-serif;}
.left_nav .cur a{ background:#EDEDED; color:#EF388B; font-weight:700;}
.left_nav .cur a .txt_arrow{ color:#EF388B; font-size:16px;}
.left_nav .other_link{width:220px; padding:20px 0; text-align:center; color:#666;}

/*left_icon*/
.icon_house,
.icon_msg,
.icon_trial,
.icon_cosmetic,
.icon_account{display:inline-block; width:30px; height:26px; background:url(../images/member_nav.png) no-repeat; _background:url(../images/member_nav_ie6.png) no-repeat 0 0; margin-right:10px; vertical-align:middle;}
.icon_msg{background-position:0 -32px; margin-top:1px; _margin-top:0;}
.icon_trial{background-position:0 -60px;}
.icon_cosmetic{background-position:0 -90px;}
.icon_account{background-position:0 -120px;}

/*用户信息模块*/
.user_info{}
.user_pic{float:left; width:120px; height:120px; overflow:hidden; }
.user_pic a{display:block;}
.info_wrap{float:right; height:122px; overflow:hidden;}
.info_wrap h4{margin-top:10px; font-size:14px; font-weight:700; color:#333;}
.info_wrap h4 a{ color:#EF388B;}
.info_wrap h4 a:hover{ text-decoration: underline; }
.user_info .info_list{padding:8px 0;}
.user_info .info_list li{float:left; width:160px; height:24px; line-height:24px; color:#666;}
.user_info .info_list li a{color:#666;}
.user_info .info_list li a:hover{ color: #EF388B; }
.user_info .info_list li .new{ color:#EF388B;}
.btn_wrap{height:26px; line-height:26px;}
.btn_wrap a{margin-right:20px; color:#666;}
.user_info a:hover{color:#EF388B;}
/*用户信息模块1*/
.user_info .user_pic{padding:4px; border:1px #e1e1e1 solid;}
.user_info .info_wrap{ width:590px; padding-left:12px; border:4px #FEE2EE solid;}
/*用户信息模块2*/
.user_info2{margin:20px 0 30px;}
.user_info2 .user_pic{border:1px #E3E2E3 solid;}
.user_info2 .info_wrap{ width:595px; }
.user_info2 .info_wrap dl{height:92px; overflow:hidden;}
.user_info2 .info_wrap dt,
.user_info2 .info_wrap dd{line-height:24px; color:#333; font-size:14px;}
.user_info2 .info_wrap dt{float:left; width:70px;}
.user_info2 .info_wrap dd{margin-left:75px; _margin-left:72px;}
.user_info2 .info_wrap dd em{color:#EF388B;}
.user_info2 .info_wrap dd a{font-size:12px; color:#999; margin-left:20px;}

/*member_tab*/
.member_tab{width:740px; padding-left:20px; height:44px; background:url(../images/member_tab.png) no-repeat;}
.member_tab .tabs{float:left; padding-top:6px; font-size:14px;}
.member_tab .tabs li{float:left; padding:0 25px; height:38px; line-height:38px;}
.member_tab .tabs li a,
.member_tab .tabs li a span{display:inline-block; height:38px; vertical-align:top;}
.member_tab .tabs .cur{padding:0;}
.member_tab .tabs .cur a,
.member_tab .tabs .cur a span{background:url(../images/btn_member.png) no-repeat; _background:url(../images/btn_member_ie6.png) no-repeat; padding-left:5px; color:#EF388B;}
.member_tab .tabs .cur a span{background-position:right -40px; padding:0 27px 0 14px; font-weight:700;}

/*member_tab_s*/
.member_tab_s{margin:20px 0;height:20px;}
.member_tab_s a{color:#999;}
.member_tab_s a:hover, .member_tab_s a:hover span{color:#EF388B;}
.member_tab_s .tabs{float:left;}
.member_tab_s .tabs li{float:left; color:#999;}
.member_tab_s .tabs .tab_line{_display:inline; margin:0 10px;}
.member_tab_s .tabs .cur a{color:#666; font-weight:700;}
.member_tab_s .tabs .new a,.member_tab_s .tabs a .new{color:#FE0003;}
.member_tab_s .right{float:right;}
.member_tab_s .right a.disable{ color:#D9D9D9;}

/*member_table*/
/*1*/
.member_table1{margin:10px 0;}
.member_table1 td{height:50px; font-size:14px;}
.member_table1 td a{margin:0 7px;}

/*2*/
.member_table2{ margin:10px 0; text-align:center;}
.member_table2 thead{height:24px; background:#F8F8F8;}
.member_table2 td{ border-bottom:1px #BEB2B6 dotted; border-right:1px #BEB2B6 dotted; padding:30px 5px; line-height:24px; width:200px; word-break:break-all; word-wrap:break-word;}
.member_table2 th{  line-height:24px; font-weight:700; border-right:1px #BEB2B6 dotted;}
.member_table2 .last_td{border-right:none; width:240px;}
.member_table2 td a p{ color:#333;}
.member_table2 td a:hover p{ color:#EF388B; text-decoration:none;}
.member_table2 a{color:#EF388B;}
.member_table2 a:hover{ text-decoration: underline; }
.member_table2 .M_btn1{ height:40px; padding:0 12px; margin-bottom:20px; line-height:40px; font-size:16px; color:#fff;}
.member_table2 .M_btn1:hover{ text-decoration:none;}
.member_table2 .time{padding:0 7px; color:#ABABAB;}
.member_table2 .text1{padding:0 20px;color:#ABABAB;}
/*3*/
.member_table3{ margin:10px 0; border:1px #ddd solid;text-align:center;}
.member_table3 thead{background:#F8F8F8;}
.member_table3 th{line-height:24px; height:24px;}
.member_table3 tr.cur{ background:#FFE3EF;}
.member_table3 tr.hover{ background:#FFF1F8;}
.member_table3 td{ height:55px; padding:0 5px; border-top:1px #ddd solid; word-break:break-all; word-wrap:break-word; color:#666; line-height:14px; cursor:default;}
.member_table3 td a{margin:0 7px;}
.member_table3 .align_left{text-align:left;}

/*member_msg*/
.member_msg_list {margin:20px 0;border-top:1px solid #F8F4F5;padding-top:8px; position:relative; zoom:1;width:748px; overflow:hidden;}
.member_msg_list li {padding:12px 150px 12px 10px; color:#666; position:relative; zoom:1;  width:568px; overflow:hidden;}
.member_msg_list li.hover {background-color:#FFF1F8;}
.member_msg_list li a {margin:0 20px; color:#EF388B; white-space:nowrap;}
.member_msg_list li a:hover{ text-decoration: underline; }
.member_msg_list li .member_msg_time { position:absolute; right:0; top:0; padding:12px; }

.M_wrap .user_info{margin-bottom:20px;}
.M_wrap .member_wrap1 .info_cont{margin:0;background:#fff;width:748px; overflow:hidden;}
.M_wrap .info_cont .member_msg_list{margin:-2px 0 10px;border-top:0;padding:0 10px;}
.M_wrap .info_cont .member_msg_list li{padding-top:6px;padding-bottom:6px;}
.M_wrap .info_cont .member_msg_list li .member_msg_time{padding:6px 12px;}
.M_wrap .bg_shadow1{background: url(../images/lines-solid2.png) repeat-x 0 -40px;height:8px;overflow:hidden;margin-bottom:10px;}
.M_wrap .wrap_cont1{padding-left:10px;}
.M_wrap .wrap_cont1 .fl{width:310px;}
.M_wrap .wrap_cont1 .fr{width:420px;}
.M_wrap .wrap_cont1 .fl .fl,.M_wrap .wrap_cont1 .fr .fr{width:auto;}
.M_wrap .wrap_cont1 .note_cont .list_text1{padding:15px 20px 16px;*padding:14px 20px 15px;}
.M_wrap .art_cont,.art_cont .inner{background-image:url(../images/bg3.png);}
.M_wrap .art_cont{width:750px;margin-left:10px;}
.M_wrap .art_cont .title{float:left;background:#fff;padding:0 10px;}
.M_wrap .art_cont .list2{height:150px;}
.M_wrap .art_cont .list2 li{float:left;border:none;padding-right:30px;height:130px;}
.M_wrap .art_cont .list2 li.noborder{padding-right:0;}
.M_wrap .art_cont .more{background:#fff;padding:5px;margin-top:-10px;margin-right:8px;display:inline;position: relative;}
.M_wrap .wrap_cont2 {padding:170px 50px 20px 50px;text-align:right;}
.M_wrap .roll_product{position: relative;padding:20px 0;}
.M_wrap .roll_product .title{height:30px;}
.M_wrap .roll_product .title strong{display:block;padding:0 5px;position: relative;z-index:10;}
.M_wrap .roll_product .inner{position: relative;height:142px;overflow:hidden;width:740px;margin:20px auto;} 
.M_wrap .roll_product .inner ul{position: absolute;}
.M_wrap .roll_product .inner ul li{float: left;width:122px;padding:0 25px 0 5px;text-align:center;}
.M_wrap .roll_product .inner ul li img{border:1px solid #ccc;}
.M_wrap .roll_product .inner ul li p{}
.M_wrap .roll_product .roll_prev,.M_wrap .roll_product .roll_next{background:url(../images/roll_product.png) no-repeat;display:inline-block;position: absolute;top:60px;width:10px;height:166px;z-index:100;}
.M_wrap .roll_product .roll_prev{background-position:0 0;left:0;}
.M_wrap .roll_product .roll_next{background-position:-20px 0;right:0;}
.M_wrap .roll_product .roll_prev:hover{background-position:-40px 0;}
.M_wrap .roll_product .roll_next:hover{background-position:-60px 0;}
.M_wrap .roll_side .switchable-triggers{_bottom:80px;}
.M_wrap .module-manifesto-list{border:1px solid #e1e1e1;width:710px;}
.M_wrap .module-manifesto-list .titles{padding-left:20px;}
.M_wrap .module-manifesto-list .info-wrap,.M_wrap .module-manifesto-list .text{margin-left:35px;}
.M_wrap .module-manifesto-list .imgs-wrap{margin-left:32px;}
.M_wrap .module-manifesto-list .signet-s1,.M_wrap .module-manifesto-list .signet-s2{float:left;margin:40px 0 0 30px;display: inline;}
.commodity .content .h3_title{line-height:1.5;}
/*form*/
.M_wrap_forms_r { float:right; width:760px; }
.titles-f1{ padding-top:20px; }
.titles-f1 h3{ float:left; font-size:14px; color:#333; font-weight:700;}
/*user-info-edit*/
.user-info-edit{ padding-left:20px;}
.user-info-edit .id-infos dt{ overflow:hidden; float:left; width:118px; height:118px;  border:solid 1px #EBEBEB}
.user-info-edit .id-infos dd{ margin-left:138px; color:#333; font-size:14px;}
.user-info-edit .id-infos dd a.cl-ee338a,.user-info-edit .id-infos dd a.cl-ee338a:hover{ color:#ee388a;font-size:14px;}
.user-info-edit .id-infos dd a{ color:#999; font-size:12px;}
.user-info-edit .id-infos dd a:hover{color:#ee388a; text-decoration:none;}
.user-info-edit .data-table{ width:100%;}
.user-info-edit .data-table td{ padding:0 10px 25px 0; font-size:14px; color:#333;}
.user-info-edit .pic-upload{ overflow:hidden; width:79px; height:28px; margin-top:52px;}
/*module-picTxt1*/
.module-picTxt1{padding:21px 0; background: url(../images/lines-dot.png) repeat-x 0 bottom;}
.module-picTxt1 dt{overflow:hidden; float:left; width:118px; height:118px;  border:solid 1px #EBEBEB}
.module-picTxt1 dt img{ width:118px; height:118px;}
.module-picTxt1 dd{ width:270px; margin-left:138px; color:#666;}
.module-picTxt1 dd h4{ height:16px; line-height:16px; color:#333;}
.module-picTxt1 dd h4 a{ color:#333;}
.module-picTxt1 dd h4 a:hover{  color:#ee388a; text-decoration:none;}
.module-picTxt1 .info-wrap{ height:41px;}

/* forms-m (border-solid-t) */
.M_wrap_forms_r .forms-m dd, .M_wrap_forms_r .forms-m dd p a{ color:#666;}
.M_wrap_forms_r .forms-m .code-wrap p a,.M_wrap_forms_r .forms-m .code-wrap p a:hover{ color:#ee338a;}
.M_wrap_forms_r .forms-m dd p a:hover{color:#ee388a; text-decoration:none;}
.M_wrap_forms_r .border-solid-t{ border-top:solid 1px #F7F4F4; padding-top:30px;}
.M_wrap_forms_r .forms-m dd textarea, .M_wrap_forms_r .forms-m dd input{ color:#ccc;}
.M_wrap_forms_r .forms-m dd textarea{ height:215px;}
.M_wrap_forms_r .forms-m dd .files-wrap{ width:582px; color:#333;}

.M_wrap_forms_r .forms-m dd .text-tips{ margin-top:5px; }
/*module-onResults*/
.module-onResults { padding:150px 0; color:#666; text-align:center;}
.module-onResults a ,.module-onResults a:hover{ margin:0 4px; color:#ee388a;}
/*skinCare-type*/
.skinCare-type{ padding:10px 20px 0;}
.skinCare-type li{ float:left; margin: 0 7px 10px 0; padding:0 12px; background:#FFF; border:solid 1px #ccc; cursor:pointer; color:#999; line-height:20px;}
.skinCare-type li:hover, .skinCare-type li.hover{ border-color:#E4007F;} 
.skinCare-type li.cur{ background:#E4007F; border-color:#E4007F; color:#FFF;}
/*  补丁  */
.M_wrap_forms_r .flow_charts_b { overflow:hidden; height:90px;}
.M_wrap_forms_r .flow_charts li p.con{ background:#FFF; color:#333;}
.user-info-edit .dt9em dt{ width:9em;}
.user-info-edit .forms-m .w380{width:380px;}
.M_wrap_forms_r .forms-m .forms-tips-b dd{ color:#999;}
.M_wrap_forms_r .forms-m .forms-tips-b dd .code-wrap p{ color:#333;}
/*  公用  */
.cl-666{ color:#666;}
.MT15{ margin-top:15px;}
.MB-10{ margin-bottom:-10px;}
.forms-m .no-float dt,
.forms-m .no-float dd{ float:none; width:auto; padding-left:.65em; text-align:left;}


